<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>住宅</title>

<link rel="stylesheet" type="text/css" href="./css/bootstrap-custom.min.css">
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/jquery-ui-custom.min.css">
<link rel="stylesheet" type="text/css" href="./css/share.css">
<link rel="stylesheet" type="text/css" href="./css/core.css">
<link rel="stylesheet" type="text/css" href="./css/slider.css">
<link rel="stylesheet" type="text/css" href="./css/home.css">
<link rel="stylesheet" type="text/css" href="./css/header.css">
<link rel="stylesheet" type="text/css" href="css/events.css">
<link rel="stylesheet" type="text/css" href="./css/article.css">
<link rel="stylesheet" type="text/css" href="./css/bootstrap-datetimepicker.css">

<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/jquery-ui-1.8.22.min.js"></script>
<script type="text/javascript" src="./js/back-to-top.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

<style type="text/css">
 .filter li{
 	display: block;
	color: #555;
	margin: 2px 8px;
} 


.filter2 {
 clear: both;
}
.filter2  ul li{
float:left;
}
.filter2 li{
 	display: block;
	padding: 4px 5px;
	color: #555;
	margin: 2px 10px;
}
 .filter  p{
 width:60px;
 text-align: center;
 margin: 2px 8px;

} 
 .filter2  p{
 width:60px;
 text-align: center;
 padding: 4px 5px;
 margin: 2px 10px;
 float: left;
} 

</style>


</head>

<body>
		<div class="index-topbar-wrapper">
		<div class="light-blue-left"></div>
		<div class="index-topbar clearfix">
			<div class="topbar-light">
				<img alt=" " src="./image/topbar-light.jpg">
			</div>
			<div class="topbar-logo">
				<a href="index.html" title="首页">
				<img alt="" src="./image/logo.png"></a>
			</div>
			<div class="login-container" id="login_container">
				<span><a href="">登录</a></span>
				| <span><a href="javascript:void(0)"onclick="">注册 </a></span>
			</div>
			
			<ul class="topbar-nav-list sf-menu" id="djt_menu">		
				<li  > <a href="index.html">项目</a></li>				
				<li class="selected" ><a href="house.html">住宅</a></li>
				<li ><a href="">土地</a></li>
				<li ><a href="">商业</a></li>
				<li ><a href="">宏观</a></li>
               <li  class="sec_nav">
				    <a href="javascript:void(0);"
					    class="item-a"><span>资讯</span>
					   <span class="sf-sub-indicator"></span></a>
					<ul>
						<li><a href="">讲座活动</a></li>
						<li><a href="">讲座PPT</a></li>
						<li><a href="">讲座视频</a></li>
					</ul>
				</li>
			</ul>

			<div class="topbar-control">
				<form id="scbar_form" accept-charset="utf-8" method="get"
					autocomplete="off" action="http://djt.qq.com/article"
					onkeypress="if(event.keyCode==13){form_submit();return false;}">

					<div id="scbar" class="float-left" style="overflow: visible;">
						<div class="col" id="search_type_wrap">
							<div class="search-pointer">
								<input type="hidden" id="type_selected" value="article">
								<span id="search_type">住宅</span> <span id="change_sc_type"
									class="djt-caret"></span>
								<ul class="search-type">
									<li id="article">住宅</li>
									<li id="ppt">项目</li>
									<li id="video">商业</li>
								</ul>
							</div>
						</div>
						<div class="col">
							<input type="text" name="keyword" id="scbar_txt" placeholder=""
								autocomplete="off" class=" xg1">
						</div>
						<div class="col">
							<a id="scbar_btn"></a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="span12">
				<div class="bread-crumb" style="background-color: #ddd; line-height: 35px; font-size: 14px; padding-left: 4px;" >
					<a href="">住宅</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp; <span>数据查询</span>
				</div>
			</div>
		</div>

		<div class="row banner-row" >
			<div class="span3">
				<div class="category-list">
					<ul class="article-category-list">
						<li class="active">
							<div class="green-arrow"></div> <a href="javascript:void(0)">全部</a></li>
						<li class=" "><a href="javascript:void(0)">宏观数据</a></li>
						<li class=" "><a href="javascript:void(0)" >住宅数据</a></li>
						<li class=" "><a href="javascript:void(0)" >项目数据</a></li>					
						<li class=" "><a href="javascript:void(0)" >土地数据</a></li>
					    <li class=" "><a href="javascript:void(0)" >商业数据</a></li>					
						<li class="last-item"><a href="javascript:void(0)">产品资讯</a>
						</li>
					</ul>
				</div>		
			</div>

		<div class="span9 ">
		<div class="filter-wrapper">
		
			<div class="filter city">
				<p class="filter-title">城&nbsp;&nbsp;&nbsp;&nbsp;市:</p>
				<ul class="filter-items">			    
				  <li><a class="selected" href="javascript:void(0);" onclick="">苏州</a></li>
				  <li><a class="" href="javascript:void(0);" onclick="">吴江</a></li>
				  <li><a class="" href="javascript:void(0);" onclick="">昆山</a></li>
				  <li><a class="" href="javascript:void(0);" onclick="">常熟</a></li>
				  <li><a class="" href="javascript:void(0);" onclick="">张家港</a></li>
				  <li><a class="" href="javascript:void(0);" onclick="">太仓</a></li>							
				</ul>
			</div>
			
			<div class="filter ">
				<p class="filter-title">区&nbsp;&nbsp;&nbsp;&nbsp;域:</p>
				<ul class="filter-items" >
					<li >&nbsp;&nbsp;&nbsp;<input type="checkbox">全部</li>
					<li ><input type="checkbox">姑苏区 </li>
					<li ><input type="checkbox">园区 </li>
					<li ><input type="checkbox">新区 </li>
					<li ><input type="checkbox">吴中区 </li>
					<li ><input type="checkbox">相城区 </li>
				</ul>
			</div>
		
	<div class="row">
	<div class="span6" >	
	
			<div class="filter2">
	            <p > 供求方式:</p>    
				<ul>
					<li ><input type="checkbox">全部</li>
					<li ><input type="checkbox">供应 </li>
					<li ><input type="checkbox">成效 </li>
					<li ><input type="checkbox">库存 </li>			
				</ul>
			
			</div>
			
		<div class="filter2">
				<p class="filter-title">时间周期:</p>
				<ul class="filter-items" >
					<li ><input type="radio"  name="time">按周</li>
					<li ><input type="radio"  name="time">按月 </li>
					<li ><input type="radio"  name="time">按季 </li>
					<li ><input type="radio"  name="time">按年 </li>			
	
				</ul>
			</div>
			<div class="filter2">
				<p class="filter-title">时间范围:</p>
				<ul class="filter-items" >
				<li>	<div  class="controls input-append date form_date " data-date="" data-date-format="yyyy-mm-dd">
                    <input  type="text" value="" readonly  name="startDate" style="width: 80px; ">
					<span class="add-on "><i class="icon-th"></i></span> 
				
					</div>
					</li>

				<li style="line-height: 30px;">至 </li>
                 <li>                                                 
                <div class="controls input-append date form_date " data-date="" data-date-format="yyyy-mm-dd">                                                                  
			        <input  type="text" value="" readonly name="endDate"  style="width: 80px;">
					<span class="add-on "><i class="icon-th"></i></span>
                </div>
              </li>		
					
			<li >
				</ul>
			</div> 
	</div>
	<div class="span2" >
	 <p style="clear: both; padding:5px;" align="center" >
           <button class="btn  " type="button">清除</button>
           <button class="btn  " type="button">地图</button>
     </p>
<button class="btn btn-large btn-block btn-primary" type="button">查询</button>


	</div>
	
	</div>		
			
			
			
			<div align="center" id="toshow">
			    <a href="javascript:void(0);" onclick="showmore()">更多..</a>
			</div>
			<div align="center" id="tohide" style="display:none">
			    <a href="javascript:void(0);" onclick="hidemore()" >收起</a>
			</div>
			
		<div  style="display:none;" id="showmore">
			<div class="filter ">
				<p class="filter-title">物业类型:</p>
				<ul class="filter-items" >
					<li ><input type="checkbox">全部</li>
					<li ><input type="checkbox">高层 </li>
					<li ><input type="checkbox">小高层 </li>
					<li ><input type="checkbox">洋房</li>
					<li ><input type="checkbox">叠加别墅</li>
					<li ><input type="checkbox">联排别墅</li>
					<li ><input type="checkbox">双拼别墅</li>
					<li ><input type="checkbox">独栋别墅</li>
			
				</ul>
			</div>
			<div class="filter ">
				<p class="filter-title">户&nbsp;&nbsp;&nbsp;&nbsp;型:</p>
				<ul class="filter-items" >
					<li ><input type="checkbox">全部</li>
					<li ><input type="checkbox">一房</li>
					<li ><input type="checkbox">二 房</li>
					<li ><input type="checkbox">三房</li>
					<li ><input type="checkbox">四房</li>
					<li ><input type="checkbox">五房及以上</li>
				</ul>
			</div>
			<div class="filter ">
				<p class="filter-title">面&nbsp;&nbsp;&nbsp;&nbsp;积:</p>
				<ul class="filter-items" >
					<li ><input type="checkbox">全部</li>
					<li ><input type="checkbox">75m2以下</li>
					<li ><input type="checkbox">75-90m2</li>
					<li ><input type="checkbox">90-120m2</li>
					<li ><input type="checkbox">120-144m2</li>
					<li ><input type="checkbox">144-180m2</li>
					<li ><input type="checkbox">180以上m2</li>
				</ul>
			</div>
			<div class="filter ">
				<p class="filter-title">总&nbsp;&nbsp;&nbsp;&nbsp;价:</p>
				<ul class="filter-items" >
					<li ><input type="checkbox">全部</li>
					<li ><input type="checkbox">80万以下</li>
					<li ><input type="checkbox">80-100万</li>
					<li ><input type="checkbox">100-150万</li>
					<li ><input type="checkbox">150-200万</li>
					<li ><input type="checkbox">200-300万</li>
					<li ><input type="checkbox">300万以上</li>
				</ul>
			</div>
			<div class="filter ">
				<p class="filter-title">单&nbsp;&nbsp;&nbsp;&nbsp; 价:</p>
				<ul class="filter-items" >
					<li ><input type="checkbox">全部</li>
					<li ><input type="checkbox">8000以下</li>
					<li ><input type="checkbox">8000-9000</li>
					<li ><input type="checkbox">9000-10000</li>
					<li ><input type="checkbox">10000-12000</li>
					<li ><input type="checkbox">12000-15000</li>
					<li ><input type="checkbox">15000-18000</li>
					<li ><input type="checkbox">18000-20000</li>
					<li ><input type="checkbox">20000以上</li>
				</ul>
			</div>
			
		</div>
	</div>
			
			</div>

		</div>

		<!-- 页脚 -->
		<div id="footer" class="">
			<div class="footer_menu">
				<a class="navl" href="http://djt.qq.com/aboutus">关于我们</a> | <a
					class="navl" target="_blank" href="http://djt.qq.com/sitemap">网站地图</a>
				| <a class="navl" target="_blank" href="http://e.t.qq.com/QQInno">QQ新事</a>
				| <a class="navl" target="_blank" href="http://m.djt.qq.com/">移动版</a>
				| <a class="share s-weibo" href="http://weibo.com/qqinno"
					target="_blank" title="新浪微博"></a> <a class="share t-weibo"
					href="http://e.t.qq.com/TClecture" target="_blank" title="腾讯微博"></a>
				<a class="share renren" href="http://page.renren.com/601508341"
					target="_blank" title="人人网"></a>
			</div>
			<p style="padding-top: 5px">Copyright © 1998 - 2013 Tencent. All
				Rights Reserved.&nbsp;&nbsp;腾讯公司 版权所有</p>
		</div>
	</div>






	<div class="box-wrapper">
		<div class="qrcode">
			<p>微信扫一扫</p>
			<img src="./image/weixin_qrcode.jpg" alt="微信扫一扫关注腾讯大讲堂">
		</div>
		<div id="goTopBox" style="display: none;">顶部</div>
		<div class="support-box">反馈</div>
	</div>

</body>

<script type="text/javascript">
$('.form_date').datetimepicker({
    language: 'zh-CN',
    weekStart: 1,
    todayBtn:  1,
	autoclose: 1,
	todayHighlight: 1,
	startView: 2,
	minView: 2,
	forceParse: 0
});

function showmore(){
	$("#showmore").show();	
	$("#tohide").show();	
	$("#toshow").hide();	
}
function hidemore(){
	$("#tohide").hide();	
	$("#showmore").hide();	
	$("#toshow").show();	
}

</script>

</html>